<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MIUI首页</title>
    <link rel="icon" href="images/OIP.ico">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/shouyie.css">
</head>
<body>
    <!--版心宽度1246px-->
   <!--1.头部开始-->
    <diV class="content nav">
        <div class="header">
            <h2>MIUI</h2>
            <ul>
                <li class="firstli"><a href="#">首页</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">下载</a></li>
                <li><a href="#">解锁</a></li>
                <li><a href="#">论坛</a></li>
            </ul>
        </div>
    </diV>
   <!--1.头部结束-->
   <!--2.banner部分开始-->
    <div class="content">
        <div class="banner"></div>
    </div>
   <!--2.banner部分结束-->
   <!--3.核心内容开始-->
    <div class="content containerC">
        <div class="container">
            <!--内容的高度和容器的高度一致，方便后期添1像素的右边框-->
            <div class="containerBox">
                <!--第一个盒子（左边）-->
                <div class="containerBoxNoe">
                    <div class="leftText">
                        <a href="#"> <img src="images/icon1.png" style="height: 60px;"></a>   
                    </div>
                    <div class="rightIcon">
                        <a href="#">
                            <h3>MIUI10稳定版来了</h3>
                            <p>9月10日陆续升级</p>
                         </a> 
                     </div>                  
                </div>
                <!--第二个盒子（中间的内容）-->
                <div class="containerBoxNoe">
                    <div class="leftText">
                        <a href="#"> <img src="images/icon1.png" style="height: 60px;"></a>   
                    </div>
                    <div class="rightIcon">
                        <a href="#">
                            <h3>MIUI10稳定版来了</h3>
                            <p>9月10日陆续升级</p>
                         </a> 
                     </div>                  
                </div>
                <!--第三个盒子（右边）-->
                <div class="containerBoxNoe last">
                    <div class="leftText">
                        <a href="#"> <img src="images/icon1.png" style="height: 60px;"></a>   
                    </div>
                    <div class="rightIcon">
                        <a href="#">
                            <h3>MIUI10稳定版来了</h3>
                            <p>9月10日陆续升级</p>
                         </a> 
                     </div>                  
                </div>
            </div>
        </div>
    </div>
   <!--3.核心内容结束-->
   <!--4.页脚部分开始-->
    <div class="content">
        <div class="footer">
            <ul class="uu">
                <li><a href="#">新浪微博</a></li>
                <li class="QR_father">
                    <a href="#">
                        <img class="QR_code" src="images/QR_code.jpg">
                        官方微信                       
                    </a>
                </li>
                <li><a href="#">官方贴吧</a></li>
                <li><a href="#">全球粉丝站</a></li>
                <li><a href="#">隐私政策</a></li>
                <li><a href="#">预置应用查询</a></li>
                <li class="flast">
                    <a href="#">简体中文
                        <ul class="languagefrom">
                            <li><a href="#">简体中文</a></li>
                            <li><a href="#">繁体中文</a></li>
                            <li><a href="#">english</a></li>
                            <li><a href="#">わぶん</a></li>
                            <li><a href="#">français</a></li>
                            <li><a href="#">français</a></li>
                        </ul>
                        
                    </a>                    
                </li>
            </ul>
            <p>
                Copyright © 2022 Xiaomi. All rights reserved. | Cookie settings
            </p>
        </div>
    </div>
   <!--4.页脚部分结束-->
</body>
</html>